{% extends "../layouts/blog-layouts.html" %}

{% block title %}归档{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="/public/home/css/home.css" />
{% endblock %}

{% block content %}
    <div class="app-content-item">
        <div class="blog-main">
            <div class="new-article-title">
                <h1>最新文章</h1>
            </div>
            {% for vo in data.list %}
                <div class="app-blog-item">
                    <div class="app-blog-title">
                        <a href="/blog/{{ vo.Id }}" target="_blank" title="{{ vo.Title | addslashes }}">{{ vo.Title | addslashes }}</a>
                    </div>
                    <div class="app-blog-body">
                        <div class="app-blog-content">{{ vo.Description | escape | safe | slice:":150" }}</div>
                    </div>
                    <div class="blog-title-info">
                        <div class="title-info-list space-between">
                            <div class="assist">
                                <div class="date"><i class="fa fa-calendar-o"></i><b>{{ vo.Createtime | slice:":10" }}</b></div>
                                <i>/</i>
                                <div class="comment"><i class="fa fa-comment-o"></i><b>0</b> 评论</div>
                                <i>/</i>
                                <div class="like"><i class="fa fa-thumbs-o-up"></i><b>{{ vo.Likes }}</b> 点赞</div>
                                <i>/</i>
                                <div class="views"><i class="fa fa-eye"></i><b>{{ vo.Views }}</b> 阅读</div>
                            </div>
                            <div class="category">
                                <a title="{{ vo.ColTitle }}" href="/blog/category/{{ vo.Catid }}">
                                    <i class="fa fa-sitemap"></i><b>{{ vo.ColTitle }}</b>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                {% empty %}
                <div class="no-data">暂无数据</div>
            {% endfor %}
            <div class="app-web-page">
                {{ data.page | safe }}
            </div>
        </div>
    </div>
{% endblock %}